import React from 'react';

class StateCom extends React.Component{
  //构造方法
  constructor(){
    super();
    //为实例对象添加 state 属性
    this.state = {
      isNight: true // 是否为晚上
    }
  }
  // render 方法的 this 指向『实例对象』
  render(){
    console.log('run...');
    return <div>
      <h2>至尊宝, 我是{this.state.isNight ? '青霞' : '紫霞'}仙子</h2>
      <button onClick={() => {
        //更新状态
        this.setState({
          isNight: !this.state.isNight
        })
      }}>点击切换白天与黑夜</button>
    </div>
  }
}

export default StateCom;